<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>icon example</title>
    <link rel="stylesheet" href="./page.css">
    <link rel="stylesheet" href="./icon.css">
</head>
<body>
    <div class="main">
        <h1>tanisfontawesome example</h1>
        <ul class="iconfont-list">
            
            <li>
            <i class="icon icon-demo"></i>
                <div class="code">\e000</div>
                <div class="name">demo</div>
            </li>
            
            <li>
            <i class="icon icon-glass"></i>
                <div class="code">\e001</div>
                <div class="name">glass</div>
            </li>
            
            <li>
            <i class="icon icon-water_tap"></i>
                <div class="code">\e002</div>
                <div class="name">water_tap</div>
            </li>
            
            <li>
            <i class="icon icon-steam"></i>
                <div class="code">\e003</div>
                <div class="name">steam</div>
            </li>
            
            <li>
            <i class="icon icon-gas"></i>
                <div class="code">\e004</div>
                <div class="name">gas</div>
            </li>
            
            <li>
            <i class="icon icon-electric"></i>
                <div class="code">\e005</div>
                <div class="name">electric</div>
            </li>
            
            <li>
            <i class="icon icon-coal"></i>
                <div class="code">\e006</div>
                <div class="name">coal</div>
            </li>
            
            <li>
            <i class="icon icon-product"></i>
                <div class="code">\e007</div>
                <div class="name">product</div>
            </li>
            
            <li>
            <i class="icon icon-water"></i>
                <div class="code">\e008</div>
                <div class="name">water</div>
            </li>
            
            <li>
            <i class="icon icon-recycle_water"></i>
                <div class="code">\e010</div>
                <div class="name">recycle_water</div>
            </li>
            
            <li>
            <i class="icon icon-oxygen"></i>
                <div class="code">\e01a</div>
                <div class="name">oxygen</div>
            </li>
            
            <li>
            <i class="icon icon-indication"></i>
                <div class="code">\e01b</div>
                <div class="name">indication</div>
            </li>
            
            <li>
            <i class="icon icon-nitrogen"></i>
                <div class="code">\e01c</div>
                <div class="name">nitrogen</div>
            </li>
            
            <li>
            <i class="icon icon-oil"></i>
                <div class="code">\e01d</div>
                <div class="name">oil</div>
            </li>
            
            <li>
            <i class="icon icon-air_holder"></i>
                <div class="code">\e01e</div>
                <div class="name">air_holder</div>
            </li>
            
            <li>
            <i class="icon icon-gas_tank"></i>
                <div class="code">\e01f</div>
                <div class="name">gas_tank</div>
            </li>
            
            <li>
            <i class="icon icon-fire_gas_tank"></i>
                <div class="code">\e020</div>
                <div class="name">fire_gas_tank</div>
            </li>
            
            <li>
            <i class="icon icon-recycle_gas"></i>
                <div class="code">\e021</div>
                <div class="name">recycle_gas</div>
            </li>
            
            <li>
            <i class="icon icon-recycle_electric"></i>
                <div class="code">\e022</div>
                <div class="name">recycle_electric</div>
            </li>
            
            <li>
            <i class="icon icon-steels"></i>
                <div class="code">\e023</div>
                <div class="name">steels</div>
            </li>
            
            <li>
            <i class="icon icon-molten_iron"></i>
                <div class="code">\e024</div>
                <div class="name">molten_iron</div>
            </li>
            
            <li>
            <i class="icon icon-sheet_iron"></i>
                <div class="code">\e025</div>
                <div class="name">sheet_iron</div>
            </li>
            
        </ul>
    </div>

</body>
</html>
